<html>
<head>

<!--                                           -->
<!-- Any title is fine                         -->
<!--                                           -->
<title>Wrapper HTML for MainPage</title>

<!--                                           -->
<!-- Use normal html, such as style            -->
<!--                                           -->
<style>

		body {
		  background-color: white;
		  color: black;
		  font-family: Arial, sans-serif;
		  font-size: 8;
		  margin: 20px 20px 20px 20px;
		}
		
		code {
		  font-size: small;
		}
		
		a {
		  color: darkblue;
		}
		
		a:visited {
		  color: darkblue;
		}
		<!-- the tab bar itself -->
		.gwt-TabBar {  
			background-color: #F2E8DA;
			color: white;
		}
		<!-- the left edge of the bar -->
		.gwt-TabBar .gwt-TabBarFirst {  
			height: 100%;
			padding-left: 3px; 
			border-bottom: 1px solid #C7B59B;
  		}
		<!-- the right edge of the bar -->
		.gwt-TabBar .gwt-TabBarRest {
			border-bottom: 1px solid #C7B59B;
			padding-right: 3px; 			
		}
		<!-- unselected tabs -->
		.gwt-TabBar .gwt-TabBarItem {
			border-top: 1px solid #F2E8DA;
			border-bottom: 1px solid #C7B59B;
			padding: 2px;
			cursor: pointer;
			cursor: hand; 
			color: #59483F;
			font: normal 9pt arial;
		}
		<!-- additional style for selected tabs -->
		.gwt-TabBar .gwt-TabBarItem-selected {  
			background-color: #FFFFFF;
			border-top: 1px solid #C7B59B;
			border-left: 1px solid #C7B59B;
			border-right: 1px solid #C7B59B;
			border-bottom: 1px solid #FFFFFF;
			padding: 2px;
			cursor: default; 	
			color: #000000;	
			font: bold 9pt arial;
		}
		
		<!-- the tab panel itself -->
		.gwt-TabPanel { 
		}
		<!-- the bottom section of the tab panel (the deck containing the widget) -->
		.gwt-TabPanelBottom {  
		}
		
		.container {
			border-top: 1px solid #C7B59B;
			border-left: 1px solid #C7B59B;
			border-right: 1px solid #C7B59B;
			border-bottom: 1px solid #C7B59B;
			padding: 0px;
			font: normal 9pt arial;
			margin: 0px;
		}
		

</style>

<!--                                           -->
<!-- The module reference below is the link    -->
<!-- between html and your Web Toolkit module  -->
<!--                                           -->
<meta name='gwt:module' content='org.uncas.homepage.MyHomepage'>

</head>

<!--                                           -->
<!-- The body can have arbitrary html, or      -->
<!-- you can leave the body empty if you want  -->
<!-- to create a completely dynamic ui         -->
<!--                                           -->
<body>

<!--                                            -->
<!-- This script is required bootstrap stuff.   -->
<!-- You can put it in the HEAD, but startup    -->
<!-- is slightly faster if you include it here. -->
<!--                                            -->
<script language="javascript" src="gwt.js"></script>

<!-- OPTIONAL: include this if you want history support -->
<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>

</body>
</html>
